<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*表格的独有属性：
        1.table-layout: 设置列的宽度，属性值：auto(根据内容自动调整)  fixed(平均分配)
        2.border-spacing: 设置单元格间的间距，单位为CSS中可用的长度值。生效的前提:单元格“边框”不能合并
        3.border-collapse: 合并单元格边框(不是合并单元格！！！),属性值：collapse-合并 separate-不合并
        4.empty-cells: 隐藏没有内容的单元格，属性值: show-显示 hide-隐藏，生效的前提:单元格“边框”不能合并
        以上只有table标签能用。
        */
        table{
            table-layout: auto;
            border-spacing: 3px;
            border:3px blue double;
        }
        td,th{   /*每个小单元格设置边框*/
            border:3px blue double;
        }
    </style>
</head>
<body>
    <!--说明是一个表格-->
    <table>
        <!--1. 表格标题-->
        <capation>学生信息</capation>
        <!--2. 表格头部-->
        <thead>
            <tr>                  <!--一行用tr表示-->
                <th>姓名</th>     <!--表格头部的单元格用th表示-->
                <th>性别</th>
                <th>年龄</th>
                <th>民族</th>
                <th>政治面貌</th>
            </tr>      
        </thead>
        <!--3. 表格主题-->
        <tbody>
            <tr>
                <td>张三</td>     <!--表格主体和表格脚注的单元格用td表示-->
                <td>男</td>
                <td>18</td>
                <td>汉族</td>
                <td>团员</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>女</td>
                <td>20</td>
                <td>满族</td>
                <td>群众</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>男</td>
                <td>19</td>
                <td>回族</td>
                <td>党员</td>
            </tr>
            <tr>
                <td>赵六</td>
                <td>女</td>
                <td>21</td>
                <td>维吾尔族</td>
                <td>团员</td>
            </tr>  
        </tbody>
        <!--4. 表格脚注-->
        <tfoot>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tfoot>
    </table>
</body>
</html>